/* flex布局 */

.flex-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 距离 */

.ml50 {
    margin-left: 50px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pl50 {
    padding-left: 50px !important
}

.mt40 {
    margin-top: 40px !important
}

.mr40 {
    margin-right: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml40 {
    margin-left: 40px !important
}

.pt40 {
    padding-top: 40px !important
}

.pr40 {
    padding-right: 40px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pl40 {
    padding-left: 40px !important
}

.mt30 {
    margin-top: 30px !important
}

.mr30 {
    margin-right: 30px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.ml30 {
    margin-left: 30px !important
}

.pt30 {
    padding-top: 30px !important
}

.pr30 {
    padding-right: 30px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pl30 {
    padding-left: 30px !important
}

.mt20 {
    margin-top: 20px !important
}

.mr20 {
    margin-right: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.ml20 {
    margin-left: 20px !important
}

.pt20 {
    padding-top: 20px !important
}

.pr20 {
    padding-right: 20px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pl20 {
    padding-left: 20px !important
}

.mt15 {
    margin-top: 15px !important
}

.mr15 {
    margin-right: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.ml15 {
    margin-left: 15px !important
}

.pt15 {
    padding-top: 15px !important
}

.pr15 {
    padding-right: 15px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pl15 {
    padding-left: 15px !important
}

.mt10 {
    margin-top: 10px !important
}

.mr10 {
    margin-right: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.ml10 {
    margin-left: 10px !important
}

.pt10 {
    padding-top: 10px !important
}

.pr10 {
    padding-right: 10px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pl10 {
    padding-left: 10px !important
}

.mt5 {
    margin-top: 5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.ml5 {
    margin-left: 5px !important
}

.pt5 {
    padding-top: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pl5 {
    padding-left: 5px !important
}

.pt3 {
    padding-top: 3px !important
}

.pt2 {
    padding-top: 2px !important
}

.mt0 {
    margin-top: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.mf20 {
    margin-top: -20px !important
}

/* 字号 */

.fs12 {
    font-size: 12px !important
}

.fs13 {
    font-size: 13px !important
}

.fs14 {
    font-size: 14px !important
}

.fs15 {
    font-size: 15px !important
}

.fs16 {
    font-size: 16px !important
}

.fs17 {
    font-size: 17px !important
}

.fs18 {
    font-size: 16px !important
}

.fs19 {
    font-size: 19px !important
}

.fs20 {
    font-size: 20px !important
}

.fs21 {
    font-size: 21px !important
}

.fs24 {
    font-size: 24px !important
}

.fs30 {
    font-size: 30px !important
}

.fs36 {
    font-size: 36px !important
}

/* 文本的水平对齐方式 */

.text-l {
    text-align: left !important;
}

.text-c {
    text-align: center !important;
}

.text-r {
    text-align: right !important;
}

/* 颜色 */

.onec {
    color: #333346 !important
}

.twoc {
    color: #66666e !important
}

.threec {
    color: #99a !important
}

.redc {
    color: red !important
}

.bluec {
    color: #32aaff !important
}

.yellowc {
    color: #ff6601 !important
}

.greenc {
    color: #28be28 !important
}

.whiteoc {
    color: #fff !important
}

.whitetc {
    color: rgba(255, 255, 255, .6)
}

.mainc {
    color: #0aa384
}

.w100 {
    width: 100px !important;
}

.w150 {
    width: 150px !important;
}

.w200 {
    width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.w400 {
    width: 400px !important;
}

.lh20 {
    line-height: 2.0;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline
}

.left {
    text-align: left !important
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important
}

.absolute {
    position: absolute !important
}

.ohidden {
    overflow: hidden;
}

.normal {
    font-weight: normal !important
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clearfix:after {
    content: " ";
    display: block;;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

/* 文字居中 */

.text_l {
    text-align: left !important;
}

.text_c {
    text-align: center !important;
}

.text_r {
    text-align: right !important;
}

.wrap {
    flex-wrap: wrap
}

/* 背景色 */

.w-bg {
    background: #fff !important;
}

.ash-bg {
    background: #f2f2f2 !important;
}

/* 栅格 */

.ss-row:after,
.ss-row:before {
    content: " ";
    display: table
}

.ss-col-12 {
    float: left;
    width: 100%
}

.ss-col-11 {
    float: left;
    width: 91.6%
}

.ss-col-10 {
    float: left;
    width: 83.3%
}

.ss-col-9 {
    float: left;
    width: 75%
}

.ss-col-8 {
    float: left;
    width: 66.6%
}

.ss-col-7 {
    float: left;
    width: 58.3%
}

.ss-col-6 {
    float: left;
    width: 50%
}

.ss-col-5 {
    float: left;
    width: 41.6%
}

.ss-col-4 {
    float: left;
    width: 33.3%
}

.ss-col-3 {
    float: left;
    width: 25%
}

.ss-col-2 {
    float: left;
    width: 16.6%
}

.ss-col-1 {
    float: left;
    width: 8.3%
}

.blank-b {
    padding-bottom: 10px;
}

.treeAside {
    width: 200px;
    display: flex;
    overflow: auto;
    background-color: #fff;
    flex-direction: column;
}

.treeAside-header {
    padding: 5px 10px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEEF5;
}

.treeAside-header .header-div {
    height: 24px;
    margin: 5px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.treeAside-header .header-title {
    height: 24px;
    margin: 5px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.treeAside-header i {
    /* font-size: 22px; */
    height: 24px;
    margin: 5px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.treeAside-header button {
    height: 24px;
    margin: 5px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.treeAside-header .fa {
    cursor: pointer;
}

.vxe-pulldown--panel.is--transfer {
    position: fixed;
    z-index: 2999 !important;
}

/* .el-form-item__content .el-form-item {
    margin-bottom: 0;
} */

.p9 {
    padding: 9px;
}

.my-form {
    display: flex;
    flex-wrap: wrap;
}

.my-form .el-form-item .el-date-editor.el-input,
.my-form .el-form-item .el-date-editor.el-input__inner {
    width: 100%;
}

.my-button .el-button + .el-button {
    margin-left: 0px !important;
}

.my-pdf .el-dialog__body {
    padding: 0px 20px 10px;
    height: calc(100% - 90px) !important;
}

.my-pdf .el-dialog {
    /* padding: 10px 0px 0 0px; */
    height: calc(100% - 20px) !important;
    width: calc(100% - 10px) !important;
    margin-top: 3px !important;
}

.el-dialog__header {
    padding: 10px 20px
}

.el-dialog__title {

    font-size: 14px;
}

.el-dialog__headerbtn {
    font-size: 16px;
    top: 10px;
}

.Detail_container .order_detail_card {
    height: calc(100% - 50px) !important;
}

.Detail_container .box-card {
    height: calc(100% - 50px) !important;
}

.Detail_view_container {
    height: 100%;
}

.card-foot {
    position: absolute;
    height: 48px;
    bottom: 5px;
    width: calc(100% - 10px);
    z-index: 1005;
    box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    padding-right: 14px;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff;
}

.drawer__content .el-tabs .el-tabs__header {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.drawer__content .el-tabs .el-tabs__content {
    height: calc(100% - 42px) !important;
}

.drawer__content .el-tabs .el-tabs__content .el-tab-pane {
    height: 100%;
}

.drawer__content .el-card {
    /* height: auto !important; */
}

.drawer__content .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
    border: 0 !important;
    border-radius: 3px;
    margin: 3px 0 !important;
}

.drawer__content .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
    background-color: initial !important;
    color: #409eff !important;
}

.client_drawer .drawer__content {
    padding: 10px;
    height: 100%;
}

/* 弹框在页签下面，不影响页签切换 */

.el-tabs__content .el-dialog__wrapper {
    position: absolute;
}

.el-tabs__content .el-drawer__wrapper {
    top: 5px;
    position: absolute;
}

/* 弹框dialog嵌套抽屉drawer */

.el-main .el-drawer__wrapper {
    position: fixed !important;
    top: 110px;
    left: 200px;
}

.content-collapse .el-main .el-drawer__wrapper {
    left: 70px;
}

.el-drawer__wrapper :focus {
    outline: none;
}

.rotate {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
}

/* 修改禁用的文字和placeholder颜色显示 */

.el-textarea.is-disabled .el-textarea__inner,
.el-input.is-disabled .el-input__inner,
.el-input.is-disabled .el-input__inner::placeholder {
    color: #606266;
}

/* 设置了浏览器宽度不小于1201px时 el-dialog 显示80%宽度 */

@media screen and (min-width: 1201px) {
    .my-dialog-small .el-dialog {
        width: 95%
    }
}

/* 设置了浏览器宽度不大于1200px时 el-dialog 显示800px宽度 */

@media screen and (max-width: 1200px) {
    .my-dialog-small .el-dialog {
        width: 90%
    }
}

/* 设置了浏览器宽度不大于900px时 el-dialog 显示600px宽度 */

@media screen and (max-width: 900px) {
    .my-dialog-small .el-dialog {
        width: 85%;
    }
}

/* 设置了浏览器宽度不大于500px时 el-dialog 显示300px宽度 */

@media screen and (max-width: 500px) {
    .my-dialog-small .el-dialog {
        width: 400px;
    }
}

/* 收缩 */

.my-header_hidden {
    height: 36px;
    overflow: hidden;
}

[class*='_detail'] .el-form .el-row {
    display: flex;
    flex-wrap: wrap;
}

[class*='-icon'],
[class*="fa-"] {
    cursor: pointer;
}

/**
*修改：在element UI文档上找到默认的清空按钮，
然后找到默认按钮的content属性，
直接替换content的值就可以*
**/

.el-input__suffix .el-input__suffix-inner {
    border-color: none;
}

.el-input__suffix .el-input__suffix-inner .el-icon-circle-close:before {
    content: "\e79d" !important;
    font-size: 18px;
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 5px;
    min-width: 24px;
    height: 24px;
}

.table-summary {
    background-color: #F5F7FA !important;
}

.el-dialog {
    box-shadow: 0 5px 20px rgb(0 0 0 / 60%);
}

.el-form-item__error {
    font-size: 10px
}

.el-form-item--mini.el-form-item {
    margin-bottom: 12px;
}

.el-form-item__label,
.el-form-item__content,
.label-tr {
    font-size: 12px;
}

.el-select,
.el-input,
.el-range-editor,
.el-cascader,
.el-input--mini .el-input__inner {
    height: 24px !important;
    line-height: 24px;
}

.el-input-group__append {
    height: initial;
    line-height: initial;
    padding: 0 10px;
}

.el-input-group__append .el-input__inner {
    height: initial;
    line-height: initial;
}

.el-select-dropdown__item span {
    font-size: 12px;
}

.el-button [class*=el-icon-] + span {
    margin-left: 0px
}

.el-button + .el-button {
    margin-left: 0px
}

.card-foot .el-button + .el-button {
    margin-left: 5px
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label,
.el-input--mini .el-input__icon {
    line-height: 24px;
}

.el-select-dropdown__item {
    height: 28px;
    line-height: 28px;
}

.serch_select_m {
    /* min-width: 180px;
    width: auto; */
    /* height: auto !important; */
    /* line-height: auto !important; */
}

.multi_select.el-select,
.multi_select .el-input,
.multi_select .el-input--mini .el-input__inner {
    height: auto !important;
    line-height: 28px;
    /* line-height: auto; */
}

/* .my-Select .el-select {
    width: 100%;
  }
  .my-Select .treeEdit {
    max-height: 30vh;
    min-width: 200px;
    min-height: 100px;
    overflow: auto;
    padding: 0;
  } */
.baseTable .vxe-table .vxe-cell {
    min-width: 50px;
    padding-left: 0px;
    padding-right: 0px;
}

.my-dialog-notHeader .el-dialog__header {
    /* display:none */
}

.hubary-vue-cron .el-input__inner {
    height: 28px !important;
    line-height: 28px;
}

.col--edit .vxe-cell {
    padding: 2px;
}

.vxe-table--body-wrapper {
    overflow: auto !important;
}

.vxe-modal--content {
    overflow: hidden !important;
}
